import Vue from 'vue'
import VueRouter from 'vue-router'
//
import FirstPage from '@/views/FirstPageVue.vue'
import News from '@/views/NewsVue.vue'
import Sport from '@/views/SportVue.vue'
//
import SportsHome from '@/views/SportsHomepage.vue'
import Internal from '@/views/InternalVue.vue'
import External from '@/views/ExternalVue.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/firstpage',
      component: FirstPage,
    },
    {
      path: '/news',
      component: News,
    },
    {
      path: '/sport',
      component: Sport,
      children: [
        {
          path: 'sportshome',
          component: SportsHome,
        },
        {
          path: 'internal',
          component: Internal,
        },
        {
          path: 'external',
          component: External,
        },
      ],
    },
  ],
})

export default router
